
<div class="app-body">
  <div class="sidebar">
    <div class="sidebar-top">
      <img src="../../assets/img/logo.gif" class="img-logo" alt="">
    </div>
    <nav class="sidebar-nav">
      <ul class="nav">
        <li class="nav-title text-center">
          <i class="fa fa-home"></i> 系统管理
        </li>
        <li class="divider"></li>
        <li class="nav-item nav-dropdown open">
          <a class="nav-link nav-dropdown-toggle"  (click)="isSystemCollapsed = !isSystemCollapsed">
            <i class="fa fa-gear"></i>
            系统设置
            <b class="fa pull-right" [ngClass]="{'fa-angle-right': isSystemCollapsed,'fa-angle-down': !isSystemCollapsed}" ></b>
          </a>
          <ul class="nav-dropdown-items" [ngbCollapse]="isSystemCollapsed">
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/region']"><i class="fa fa-map-marker"></i> 组织机构维护</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/department']"><i class="fa fa-id-badge"></i> 用户管理</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/role']"><i class="fa fa-male"></i> 角色管理</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/authority']"><i class="fa fa-unlock"></i> 权限管理</a>
            </li>
          </ul>
        </li>
        <li class="divider"></li>
        <li class="nav-item nav-dropdown open">
          <a class="nav-link nav-dropdown-toggle"  (click)="isBaseDataCollapsed = !isBaseDataCollapsed">
            <i class="fa fa-database"></i>
            基础数据
            <b class="fa pull-right" [ngClass]="{'fa-angle-right': isBaseDataCollapsed,'fa-angle-down': !isBaseDataCollapsed}" ></b>
          </a>
          <ul class="nav-dropdown-items" [ngbCollapse]="isBaseDataCollapsed">
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/region']"><i class="fa fa-list-ol"></i> 风机台账</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" [routerLink]="['/pages/department']"><i class="fa fa-legal (alias)"></i> 大修记录</a>
            </li>
          </ul>
        </li>
      </ul>
    </nav>
  </div>
  <main class="main">
    <router-outlet></router-outlet>
  </main>
  <aside class="aside-menu">

  </aside>
</div>
<footer class="app-footer">

</footer>
